<div class="pias form">
	<h3>Nuevo Presupuesto</h3>
	<hr/>
	<div class="row form-group">
		<div class="col-md-3">
			<label>Fuente de financiamiento</label>
			<select id="ddlFF" class="col-md-12 form-control">
				<?php foreach ($fuentes as $v => $i): ?>
					<option value="<?php echo $v; ?>"><?php echo $i; ?></option>
				<?php endforeach; ?>
			</select>
		</div>
		<div class="col-md-3">
			<label>Meta</label>
			<select id="ddlMeta" class="col-md-12 form-control">
				<?php foreach ($metas as $v => $i): ?>
					<option value="<?php echo $v; ?>"><?php echo $i; ?></option>
				<?php endforeach; ?>
			</select>
		</div>
		<div class="col-md-3">
			<label>Fecha Documento:</label>
			<input class="form-control" id="txtFechaDocumento" type="date">
		</div>
		<div class="col-md-3">
			<label>Fecha Contabilidad:</label>
			<input class="form-control" id="txtFechaContable" type="date">
		</div>
	</div>
	<div class="row form-group">
		<div class="col-md-7">
			<div class="form-group">
				<label>Clasificador</label>
				<select id="ddlClasificador" class="col-md-12 form-control">
					<?php foreach ($clasificadors as $k => $v): ?>
						<option value="<?php echo $v['Clasificador']['id'];?>"><?php echo str_replace(' ','&nbsp;',str_pad($v['Clasificador']['codigo'],14)).' .'.$v['Clasificador']['name'];?></option>
					<?php endforeach; ?>
				</select>
			</div>
			<div class="form-group">
				<label>Cuenta contable</label>
				<select class="col-md-12 form-control" id="ddlPlanContable">
					<?php foreach ($planContables as $k => $v): ?>
						<option value="<?php echo $v['PlanContable']['id'];?>"><?php echo str_replace(' ','&nbsp;',str_pad($v['PlanContable']['codigo'],14)).' .'.$v['PlanContable']['name'];?></option>
					<?php endforeach; ?>
				</select>
			</div>
			<div class="form-group">
				<label>Glosa(comentario)</label>
				<textarea class="form-control" id="txtGlosa" rows="3"></textarea>			
			</div>
		</div>
		<div class="col-md-5">
			<div class="row">
				<div class="col-md-12">
					<label>Importe</label>
					<input type="number" class="col-md-12 form-control" id="txtImporte">
				</div>
				<div class="col-md-12">
					<label>Tipo de ingreso</label>
					<div class="radio">
						<label>
							<input type="radio" name="rbg1" value="a" checked="true">
							Distribuir automáticamente para 12 meses
						</label>
					</div>
					<div class="radio">
						<label>
							<input type="radio" name="rbg1" value="m">
							Ingresar manualmente para cada mes
						</label>
					</div>
					<input type="button" class="btn btn-success col-md-4 col-md-offset-4 for-control" id="btnActualizar" value="Actualizar">
<script type="text/javascript">
$(function() {
	$('.ctxtDetalle').each(function() {
  		$(this).val('0');
	});
	$('#txtDetalleTotal').val('0');
	$('#txtImporte').val('0');

	$('#txtImporte').focusout(function() {
		if($.trim($(this).val())==''){
			$(this).val('0');
		}
		var _sum = 0.00;
		$('.ctxtDetalle').each(function(index,element) {
  			_sum += parseFloat($(element).val());
		});

		_sum = Math.round(_sum * 10) / 10;
		$('#txtDetalleTotal').val(_sum);

		var importe = parseFloat($('#txtImporte').val());

		if(_sum != importe){
			$('#divTxtDetalleTotal').removeClass('has-success');
			$('#divTxtDetalleTotal').addClass('has-error');
		}
		else{
			$('#divTxtDetalleTotal').removeClass('has-error');
			$('#divTxtDetalleTotal').addClass('has-success');
		}
	});
	$('#btnActualizar').click(function (){
		//validaciones
		if($('input:radio[name=rbg1]:checked').val()!='a'){
			$('.ctxtDetalle').each(function() {
  				$(this).val('0');
			});
			$('#txtDetalleTotal').val('0');
			$('#divTxtDetalleTotal').removeClass('has-success');
			$('#divTxtDetalleTotal').removeClass('has-error');
			return;
		}

		var _err = 0;
		if($.trim($('#txtImporte').val()) == "" && !isNaN($('#txtImporte').val())){
			_err = 1;
		}

		if(_err == 1){
			alert('El importe ingresado no es correcto.');
			return;
		}

		//var
		var importe = parseFloat($('#txtImporte').val());

		var _val = Math.round((importe/12) * 10) / 10;

		$('.ctxtDetalle').each(function() {
			$(this).val(_val);
		});

		var _sum = 0.00;
		$('.ctxtDetalle').each(function(index,element) {
  			_sum += parseFloat($(element).val());
		});

		_sum = Math.round(_sum * 10) / 10;

		$('#txtDetalleTotal').val(_sum);

		if(_val*12 != importe){
			$('#divTxtDetalleTotal').removeClass('has-success');
			$('#divTxtDetalleTotal').addClass('has-error');
		}
		else{
			$('#divTxtDetalleTotal').removeClass('has-error');
			$('#divTxtDetalleTotal').addClass('has-success');
		}
	});
});
</script>
				</div>
			</div>
			<div class="row">
				<div class="col-md-12">
					<div class="radio">
						<label>
							Haber
						</label>
					</div>
				</div>
			</div>
		</div>
	</div>
	<hr/>
	<div class="row form-group">
		<div class="col-md-12">
			<h4>Formulación de presupuesto</h4>
<script type="text/javascript">
$(function() {
	$('.ctxtDetalle').on('focusout', function(evt) {
		if($.trim($(this).val())==''){
			$(this).val('0');
		}
		var _sum = 0.00;
		$('.ctxtDetalle').each(function(index,element) {
  			_sum += parseFloat($(element).val());
		});

		_sum = Math.round(_sum * 10) / 10;
		$('#txtDetalleTotal').val(_sum);

		var importe = parseFloat($('#txtImporte').val());

		if(_sum != importe){
			$('#divTxtDetalleTotal').removeClass('has-success');
			$('#divTxtDetalleTotal').addClass('has-error');
		}
		else{
			$('#divTxtDetalleTotal').removeClass('has-error');
			$('#divTxtDetalleTotal').addClass('has-success');
		}
	});
});
</script>
			<table id="tabIngreso" class="table table-bordered table-hover" style="font-size:10px;">
		      <thead>
		        <tr>
		          <th>Enero</th>
		          <th>Febrero</th>
		          <th>Marzo</th>
		          <th>Abril</th>
		          <th>Mayo</th>
		          <th>Junio</th>
		          <th>Julio</th>
		          <th>Agosto</th>
		          <th>Septiembre</th>
		          <th>Octubre</th>
		          <th>Noviembre</th>
		          <th>Diciembre</th>
		          <th>Total</th>
		        </tr>
		      </thead>
		        <tr>
		          <td class="text-center"><input type="text" class="ctxtDetalle form-control" id="txtDetalleEne" style="font-size:10px;" /></td>
		          <td class="text-center"><input type="text" class="ctxtDetalle form-control" id="txtDetalleFeb" style="font-size:10px;" /></td>
		          <td class="text-center"><input type="text" class="ctxtDetalle form-control" id="txtDetalleMar" style="font-size:10px;" /></td>
		          <td class="text-center"><input type="text" class="ctxtDetalle form-control" id="txtDetalleAbr" style="font-size:10px;" /></td>
		          <td class="text-center"><input type="text" class="ctxtDetalle form-control" id="txtDetalleMay" style="font-size:10px;" /></td>
		          <td class="text-center"><input type="text" class="ctxtDetalle form-control" id="txtDetalleJun" style="font-size:10px;" /></td>
		          <td class="text-center"><input type="text" class="ctxtDetalle form-control" id="txtDetalleJul" style="font-size:10px;" /></td>
		          <td class="text-center"><input type="text" class="ctxtDetalle form-control" id="txtDetalleAgo" style="font-size:10px;" /></td>
		          <td class="text-center"><input type="text" class="ctxtDetalle form-control" id="txtDetalleSep" style="font-size:10px;" /></td>
		          <td class="text-center"><input type="text" class="ctxtDetalle form-control" id="txtDetalleOct" style="font-size:10px;" /></td>
		          <td class="text-center"><input type="text" class="ctxtDetalle form-control" id="txtDetalleNov" style="font-size:10px;" /></td>
		          <td class="text-center"><input type="text" class="ctxtDetalle form-control" id="txtDetalleDic" style="font-size:10px;" /></td>
		          <td class="text-center">
		          	<div id="divTxtDetalleTotal" class="form-group">
		          		<input type="text" class="form-control" id="txtDetalleTotal" style="font-size:10px;"/>
		          	</div>
		          </td>
		        </tr>
		      <tbody>
		      </tbody>
		    </table>
		</div>
	</div>
	<hr/>
	<div class="row form-group">
		<input type="button" class="btn btn-success col-md-2 col-sm-offset-9" id="btnAnadir" value="Añadir">	
<script type="text/javascript">
$(function() {
	$('#btnAnadir').click(function (){
		//var
		var i = $('#tabLista >tbody >tr').length + 1;
		//validaciones
		var _err = 0;
		if($.trim($('#txtFechaDocumento').val()) == ""){
			_err = 1;
		}
		else if($.trim($('#txtImporte').val()) == "" && !isNaN($('#txtImporte').val())){
			_err = 1;
		}

		if(_err == 1){
			alert('Uno de los datos ingresados no es correcto.');
			return;
		}
		//pasando en tabla
		$('#tabLista > tbody:last').append(
			'<tr>' +
				'<td>' +
					i +
				'</td>' +
				'<td>' +
					'<input type="hidden" name="data[Pias]['+i+'][fecha_doumento]" value="'+$('#txtFechaDocumento').val()+'"/>' +
					'<input type="hidden" name="data[Pias]['+i+'][fecha_contable]" value="'+$('#txtFechaContable').val()+'"/>' +
					$('#txtFechaContable').val() +
				'</td>' +
				'<td>' +
					'<input type="hidden" name="data[Pias]['+i+'][clasificador_id]" value="'+$('#ddlClasificador').val()+'"/>' +
					$('#ddlClasificador option:selected').text() +
				'</td>' +
				'<td>' +
					'<input type="hidden" name="data[Pias]['+i+'][plan_contable_id]" value="'+$('#ddlPlanContable').val()+'"/>' +
					$('#ddlPlanContable option:selected').text() +
				'</td>' +
				'<td>' +
					'<input type="hidden" name="data[Pias]['+i+'][importe]" value="'+$('#txtImporte').val()+'"/>' +
					$('#txtImporte').val() +
					'<input type="hidden" name="data[Pias]['+i+'][fuente_id]" value="'+$('#ddlFF').val()+'"/>' +
					'<input type="hidden" name="data[Pias]['+i+'][meta_id]" value="'+$('#ddlMeta').val()+'"/>' +
					'<input type="hidden" name="data[Pias]['+i+'][ingreso]" value="'+$('input:radio[name=rbg1]:checked').val()+'"/>' +
					'<input type="hidden" name="data[Pias]['+i+'][ene]" value="'+$('#txtDetalleEne').val()+'"/>' +
					'<input type="hidden" name="data[Pias]['+i+'][feb]" value="'+$('#txtDetalleFeb').val()+'"/>' +
					'<input type="hidden" name="data[Pias]['+i+'][mar]" value="'+$('#txtDetalleMar').val()+'"/>' +
					'<input type="hidden" name="data[Pias]['+i+'][abr]" value="'+$('#txtDetalleAbr').val()+'"/>' +
					'<input type="hidden" name="data[Pias]['+i+'][may]" value="'+$('#txtDetalleMay').val()+'"/>' +
					'<input type="hidden" name="data[Pias]['+i+'][jun]" value="'+$('#txtDetalleJun').val()+'"/>' +
					'<input type="hidden" name="data[Pias]['+i+'][jul]" value="'+$('#txtDetalleJul').val()+'"/>' +
					'<input type="hidden" name="data[Pias]['+i+'][ago]" value="'+$('#txtDetalleAgo').val()+'"/>' +
					'<input type="hidden" name="data[Pias]['+i+'][sep]" value="'+$('#txtDetalleSep').val()+'"/>' +
					'<input type="hidden" name="data[Pias]['+i+'][oct]" value="'+$('#txtDetalleOct').val()+'"/>' +
					'<input type="hidden" name="data[Pias]['+i+'][nov]" value="'+$('#txtDetalleNov').val()+'"/>' +
					'<input type="hidden" name="data[Pias]['+i+'][dic]" value="'+$('#txtDetalleDic').val()+'"/>' +
					'<input type="hidden" name="data[Pias]['+i+'][glosa]" value="'+$('#txtGlosa').val()+'"/>' +
					'<input type="hidden" name="data[Pias]['+i+'][debehaber]" value="h"/>' +
				'</td>' +
			'</tr>'
		);
	});
});
</script>	
	</div>

	<div>
<?php echo $this->Form->create('Pia'); ?>
	<h4>Lista</h4>
	<hr/>
	<table id="tabLista" class="table table-hover">
      <thead>
        <tr>
          <th>#</th>
          <th>Fecha Contabilidad</th>
          <th>Clasificador</th>
          <th>Cuenta Contable</th>
          <th>Importe</th>
        </tr>
      </thead>
      <tbody>
      </tbody>
    </table>
<?php echo $this->Form->end('Grabar'); ?>
	</div>
</div>
<div class="actions">
	<h3><?php echo __('Actions'); ?></h3>
	<ul>

		<li><?php echo $this->Html->link(__('List Pias'), array('action' => 'index')); ?></li>
		<li><?php echo $this->Html->link(__('List Metas'), array('controller' => 'metas', 'action' => 'index')); ?> </li>
		<li><?php echo $this->Html->link(__('New Meta'), array('controller' => 'metas', 'action' => 'add')); ?> </li>
		<li><?php echo $this->Html->link(__('List Fuentes'), array('controller' => 'fuentes', 'action' => 'index')); ?> </li>
		<li><?php echo $this->Html->link(__('New Fuente'), array('controller' => 'fuentes', 'action' => 'add')); ?> </li>
		<li><?php echo $this->Html->link(__('List Plan Contables'), array('controller' => 'plan_contables', 'action' => 'index')); ?> </li>
		<li><?php echo $this->Html->link(__('New Plan Contable'), array('controller' => 'plan_contables', 'action' => 'add')); ?> </li>
		<li><?php echo $this->Html->link(__('List Clasificadors'), array('controller' => 'clasificadors', 'action' => 'index')); ?> </li>
		<li><?php echo $this->Html->link(__('New Clasificador'), array('controller' => 'clasificadors', 'action' => 'add')); ?> </li>
	</ul>
</div>
